<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>插入 分类节点</title>

    <script src="__STATIC__/jquery.2.1.1.min.js" ></script>
    <!-- jq ui  -->
    <script src="__STATIC__/jquery-ui-1.11.4/jquery-ui.js"></script>
    <link href="__STATIC__/jquery-ui-1.11.4/jquery-ui.css" rel="stylesheet" />

    <style>
        ul li { width:600px;padding:5px 4px;list-style: none;}
        ul li span{float: right;}

        .ccc {background:#ccc;}
    </style>

</head>
<body>
<h1>移动节点</h1>
<div title="移动节点">

    <form action="{:U('update')}" method="post">
        <input type="hidden" name="type" value="MOVE" />
        <input type="hidden" name="move_id" value="{:I('get.id')}" />

        <label>移动方式
            <select name="move_type">
                <volist name="move_type" id="vo">
                    <option value="{$key}">{$vo}</option>
                </volist>
            </select>
        </label>

        <label>位置
            <select name="aim_id">
                <option value="0">根栏目</option>
                <volist name="lists" id="vo">
                    <option value="{$vo.id}">{:str_repeat('--',$vo['level'])}{$vo.name}</option>
                </volist>
            </select>
        </label>

        <input type="submit" value="提交" />
    </form>

    <hr/>
    <h2>分类列表</h2>
    <div>
        <ul>
            <volist name="lists" id="vo">
                <li>
                    {:str_repeat('&nbsp;&nbsp;L',$vo['level'])}{$vo.name}
                    <span>
                        <a href="{:U('move_node',array('id'=>$vo['id']))}">移动</a>
                    </span>
                </li>
            </volist>
        </ul>
    </div>

</div>

<script>
    $("ul li:even").addClass('ccc');
</script>

</body>
</html>